<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Bulls and Cows</title>
        <style type="text/css">
            <!--
            body {
                background-color: #E5E5E5;
                background-image: url(http://www.nice-one.com/wallpaper.jpg);
                background-repeat: no-repeat;
                margin-left: 10%;
                margin-top: 10%;
                margin-right: 10%;
            }
            body,td,th {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                color: #333333;
            }
            .style2 {
                color: #FFFFFF;
                font-size: 20px;
            }
            .style3 {
                color: #FFFFFF;
                font-size: 14px;
            }
            .style4 {
                font-size: 24px;
                color: #99CC00;
                font-weight: bold;
            }
            -->
        </style>
    </h:head>
    <h:body>
        <div>
            <div align="center" >
                <p align="center" class="style2 style4"> Bulls and Cows </p>
            </div>
        </div>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <div style="background:#333333">
            <div align="center" class="style3" >
                <p>&nbsp;</p>
                <p>Please Enter Your Name</p>
                <h:form>
                    <h:inputText size="20" maxlength="20" value="#{PlayerSession.playerName}" />
                    <h:commandButton id="submit" value="submit" action="gameList" />
                </h:form>
                <p>&nbsp;</p>

                <f:view>
                    <h:messages style="color: red"
                                showDetail="true"/>
                    <h:form id="login">
                        <h:panelGrid columns="2" border="0">
                            Username: <h:inputText id="username"
                                                   value="#{usermanager.username}"/>
                            Password: <h:inputSecret id="password"
                                                     value="#{usermanager.password}"/>
                        </h:panelGrid>
                        <h:commandButton id="submit"
                                         type="submit"
                                         value="Login"
                                         action="#{usermanager.validateUser}"/>
                        <h:commandLink id="create"
                                       value="Create New Account"
                                       action="create"/>
                    </h:form>

                </f:view>
            </div>
        </div>
        <p>&nbsp;</p>

        <a href="faces/webclient.xhtml">Currency converter</a>
        <a href="ConverterClient">Servlet</a>
    </h:body>
</html>


